<template>
	<view class="content">
		<view class="title">
			{{title}}
		</view>
		<view class="right-content">
			<view class="rightBtn">
				<image mode="widthFix" src="../static/src_libs_eui_icon_moreactionblack.png" class="img"></image>
				<text class="line"></text>
				<image mode="widthFix" src="../static/src_libs_eui_icon_modalclose.png" class="img" @click="backTo">
				</image>
			</view>
		</view>


	</view>
</template>

<script>
	export default {
		name: "webViewTitle",
		props: {
			title: {
				type: String,
				default: ""
			}
		},
		data() {
			return {

			}
		},
		methods: {
			backTo() {
                this.Api.back()
			}
		},
	}
</script>

<style scoped>
	.content {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 50px;
		padding: 5px;
		margin-top: 20px;
	}

	.title {
		text-align: center;
		color: rgb(25, 28, 30);
		font-size: 18px;
		font-weight: 400;
	}

	.right-content {
		position: absolute;
		top: 14px;
		bottom: 0;
		right: 10px;
	}

	.rightBtn {
		border: 1px solid rgb(209, 210, 210);
		border-radius: 20px;
		padding: 8px 15px;
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		text-align: right;
	}

	.img {
		width: 15px;
	}

	.line {
		margin: 0px 10px;
		padding: 5px 0px;
		width: 1px;
		background-color: rgb(209, 210, 210);
	}
</style>
